<template>
  <div class="screen-center">
    <cards :list="data.中上"/>
    <center-map :data="data.中中"/>
    <center-bottom :data="data.中下"/>
  </div>
</template>
<script>

import cards from './center/cards'
import centerMap from './center/center-map'
import centerBottom from './center/center-bottom'

export default {
  name: 'screen-center',
  components: {
    cards,
    centerMap,
    centerBottom
  },
  props: {
    data: Object
  },
  data() {
    return {}
  },
  methods: {},
  mounted() {
  }
}
</script>
<style scoped lang="scss">
  .screen-center {
    position: relative;
    width: 47.5%;
    padding-top: 2.8%;
  }
</style>
